html{width:100%}
body{font-family: "微软雅黑";font-size: 14px;overflow-x: hidden;width: 100%;}
ul li{list-style: none;}
ul,div,h3,h2,h4,p{padding: 0;margin: 0;}
a:hover,a:focus,a:visited{text-decoration: none;}
/*顶部*/
.top{width: 100%;height: 10px;background: #39325e}
/*导航*/
.navbar-top{position: relative;background: #FFFFFF;height: 100px;line-height: 100px;}
.navbar{margin-bottom: 0;border: 0;}
.navbar-top .navbar-header{
    width: 250px;
    float: left;
}
.navbar-top .navbar-header img{width: 100%;height: 98px;}
.btn-collapse{margin-top: 36px;}
.nav-item{position: relative;overflow: hidden;float: right;}
.nav-item li{float: left;padding:0 5px;text-align: center;cursor: pointer;font-size: 17px;}
.nav-item li a{padding:0 4px;height: 100px;line-height: 100px;display: block;color: #000000;font-weight: bolder;}
.nav-item li.active{background: #eaeaea;}
.nav-item li:hover{background:#eaeaea;}
.carousel-control.right,.carousel-control.left{background: transparent}
.carousel-indicators li{background-color:#39325e;border: 0px; }
.carousel-indicators li.active{background:rgb(101, 88, 167) }
/*标题*/
h3{font-size: 24px;color: #39325e}
.en-tit{position: relative;color:#39325e ;top:10px;left: 50%;margin-left: -60px;}
.en-tit .line,.en-tit .line2{position:absolute;top:15px;display:inline-block;height: 1px;width:60px;
    background: #39325e }
.en-tit .line{left: -70px;}
.en-tit .line2{left: 130px;}
.banner{width: 100%}
.banner img{width: 100%}
/*底部*/
.footer{position: relative;}
.footer-bg{background:#39325e;padding:30px 0;color: #bbbbbb}
.footer a{color: #bbbbbb;}
.footer ul{overflow: hidden;}
.footer ul li{line-height: 26px;}
.footer .links{border-bottom: 1px solid #bbbbbb;margin-bottom: 10px;}
.footer h4{color: #bbbbbb;padding-bottom: 15px;}
.footer-txt{height: 40px;line-height: 40px;color: #bbbbbb;background: #181239}
/*客服*/
.suspend{width:36px;height:150px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:116px;height:150px;border-radius:25px 0 0 25px;padding-left:36px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:36px;height:198px;background:url("../images/kf.png") no-repeat;position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(http://demo.lanrenzhijia.com/2014/service0823/images/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(http://demo.lanrenzhijia.com/2014/service0823/images/suspend.png) -40px -86px;overflow:hidden;}
/*产品案例*/
.clr{clear: both}
.product-img{margin-top: 50px;}
.product-img .inner{position:relative;width: 100%;margin-bottom: 60px;height: 275px;
    border: 1px solid #dddddd;}
.product-img .inner img{border: 0;width: 100%;height: 100%;}
.product-img .inner .txt{font-size: 18px;color: #333;height: 60px;line-height: 60px;background: #FFFFFF;
    text-align: center;width: 100%;border-top: 1px solid #ddd;display: block;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.product-img .inner:hover .tips-none{display: block;}
.product-img .inner .tips-none{
    background:url("../../images/cp-qietu.png") no-repeat;
    background-size: 100%;
    display: none;
    padding: 25px;
    position: absolute;
    color: #ffffff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;}
.product-img .inner .tips-none h3{text-align:center;line-height:240px;color: #FFFFFF;font-size: 16px;}
/*新闻*/
.news ul{margin-top: 50px;}
.news ul li{position: relative;border-left: 4px solid #584d94;margin-bottom: 60px;    min-height: 124px;
    padding-right: 40px;}
.news h4{ font-size: 20px;margin-bottom: 15px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
    word-break: break-all;}
.news h4 a{   color: #555;}
.news p{color: #aaaaaa;font-size: 14px;line-height: 25px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
    word-break: break-all;}
.news span{color: #aaaaaa;font-size: 16px;position: absolute;bottom:0;}
/*分页*/
.pages{    text-align: center;
    padding:0 0 80px;}
.pages a{
    margin-right: 5px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background:#8575dc;
    color: #ffffff;
    display: inline-block;
    border-radius: 4px;
}
.pages a.active {
    background: #584d94;
}

.active {
    background: #584d94;
    color:#fff;
}


@media screen and (max-width: 768px) {
	.nav-item{ 
		margin-top:0;
	    background: rgba(0,0,0,0.8);
		position: absolute;  
		width: 100%;
	    top: 99px;
	    left: 0;
	    z-index: 9999999;
	}
	.nav-item li{width:100%;}
	.nav-item li a{    height: 40px;    line-height: 40px;color:#fff}
	.navbar-header img{margin-left: 25px;}
    .footer .pull-right{float:left!important;margin-top:15px;}
    .banner img{    height: 150px;}	    
}
@media (min-width: 768px){
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		    margin-right: -120px;margin-left: -100px;
	}
	.nav-item li{    font-size: 16px;padding:0}
}
@media (min-width: 1200px){
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
		    margin-right: 0px;margin-left: 0px;
	}
	.nav-item li{    font-size: 17px;padding:0 5px}
}